<!DOCTYPE html>
<html>
<head lang="en">
     <meta charset="UTF-8">
      <title></title>
     <link rel="stylesheet" type="text/css"  href="styles/basic.css">
     <script type="text/javascript" src="scripts/global.js"></script>
     <script type="text/javascript" src="scripts/photos.js"></script>
     <script type="text/javascript">
        addLoadEvent(highlightPage);
        addLoadEvent(preparePlaceholder);
        addLoadEvent(prepareGallery);
     </script>
 </head>
 <body>
    <div id="header">
       <img src="images/logo.gif" alt="Jay Skript and the Domsters"/>
    </div>
    <div id="navigation">
    	<ul>
    	  <li><a href="index.html">Home</a></li>
    	  <li><a href="about.html">About</a></li>
    	  <li><a href="photos.html">Photos</a></li>
    	  <li><a href="live.html">Live</a></li>
    	  <li><a href="contact.html">Contact</a></li>
    	</ul>
    </div>
    <div id="content">
       <h1>Photos of the band</h1>
       <ul id="imagegallery">
       	 <li>
       	  <a href="images/photos/concert.jpg" title="The crowd goes wild">
       	  <img src="images/photos/thumbnail_concert.jpg" alt="thie band in concert"/>
       	  </a>
         </li>

         <li>
       	  <a href="images/photos/bassist.jpg" title="An atmospheric moment">
       	  <img src="images/photos/thumbnail_bassist.jpg" alt="the bassist"/>
       	  </a>
         </li>

         <li>
       	  <a href="images/photos/guitarist.jpg" title="Rocking out">
       	  <img src="images/photos/thumbnail_guitarist.jpg" alt="the guitarist"/>
       	  </a>
         </li>

         <li>
       	  <a href="images/photos/crowd.jpg" title="Encore! Encore!">
       	  <img src="images/photos/thumbnail_crowd.jpg" alt="the audience"/>
       	  </a>
         </li>
       </ul>
    </div>
 </body>
 </html>